<template>
  <div class='serve-body w1200'>
    <div v-for="(item, index) in data" :key="index">
      <p class="title">{{item.label}}</p>
      <ul class="content">
        <li v-for="(child, childIndex) in item.children" :key="childIndex" class="hover">{{child.label}}</li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  name: "",
  data() {
    return {
      data:[
        {label:"买家服务",children:[
          {label:'买家注册',router:""},
          {label:'现货搜索',router:""},
          {label:'实单求购',router:""},
          {label:'商城采购',router:""},
          {label:'买家担保支付流程',router:""},
        ]},
        {label:"卖家服务",children:[
          {label:'卖家注册',router:""},
          {label:'资源管理',router:""},
          {label:'实单报价',router:""},
          {label:'可委托加工',router:""},
          {label:'卖家担保支付流程',router:""},
        ]},
        {label:"售后服务",children:[
          {label:'质量异议处理流程',router:""},
          {label:'发票开票',router:""},
          {label:'退款说明',router:""},
          {label:'价格保护',router:""},
          {label:'取消订单',router:""},
        ]},
        {label:"购物指南",children:[
          {label:'购物方式',router:""},
          {label:'购物流程',router:""},
          {label:'常见问题',router:""},
          {label:'联系客服',router:""},
        ]},
        {label:"金融服务",children:[
          {label:'卖家注册',router:""},
          {label:'资源管理',router:""},
          {label:'实单报价',router:""},
          {label:'可委托加工',router:""},
          {label:'卖家担保支付流程',router:""},
        ]},
      ]
    };
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.serve-body {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;

  .title{
    margin-bottom: 10px;
  }
  .content{
    font-size: 14px;
    color: #999;
    line-height: 30px;
  }
}
</style>